<!DOCTYPE HTML>

<!--
	Skylined: A responsive HTML5 website template by HTML5Templates.com
	Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
	Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
-->

<html>
<head>
<title>Skylined by HTML5Templates.com</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="/public/css/5grid/core.css" />
<link rel="stylesheet" href="/public/css/5grid/core-desktop.css" />
<link rel="stylesheet" href="/public/css/5grid/core-1200px.css" />
<link rel="stylesheet" href="/public/css/5grid/core-noscript.css" />
<link rel="stylesheet" href="/public/css/style.css" />
<link rel="stylesheet" href="/public/css/style-desktop.css" />
<script src="/public/css/5grid/jquery.js"></script>
<script
	src="/public/css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head>
<body class="homepage">
	<div id="wrapper">
		<div id="header-wrapper">
			<header id="header">
				<div class="5grid-layout">
					<div class="row">
						<div class="12u" id="logo">
							<!-- Logo -->
							<h1>
								<a href="#" class="mobileUI-site-name">Skylined</a>
							</h1>
							<p>by HTML5Templates.com</p>
						</div>
					</div>
				</div>
				<div class="5grid-layout">
					<div class="row">
						<div class="12u" id="menu">
							<nav class="mobileUI-site-nav">
								<ul>
									<li class="current_page_item"><a href="index">Homepage</a></li>
									<li><a href="threecolumn">Three Column</a></li>
									<li><a href="twocolumn1">Two Column #1</a></li>
									<li><a href="twocolumn2">Two Column #2</a></li>
									<li><a href="onecolumn">One Column</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
				<div class="5grid-layout">
					<div class="row">
						<div class="6u">
							<div class="mobileUI-main-content" id="content">
								<section>
									<div class="post">
										<h2 style="color: white;">WataERP</h2>
										<p class="subtitle" style="color: white;">Login NOK!</p>
										<p class="button-style2">
											<a href="index">Voltar</a>
										</p>
									</div>
								</section>
							</div>
						</div>
					</div>
				</div>
			</header>
		</div>
	</div>
	<div id="footer-wrapper">
		<div class="5grid-layout">
			<div class="row" id="footer-content">
				<div class="3u" id="box1">
					<section>
						<h2>Maecenas luctus lectus</h2>
						<div class="balloon">
							<blockquote>
								&ldquo;&nbsp;&nbsp;Donec leo, vivamus ullamcorper fermentum nibh
								in augue pulvinar ullamcorper metus praesent a lacus at urna
								congue ullamcorper rutrum.&nbsp;&nbsp;&rdquo;<br> <br>
								<strong>&ndash;&nbsp;&nbsp;John Smith</strong>
							</blockquote>
						</div>
						<div class="ballon-bgbtm">&nbsp;</div>
						<p></p>
					</section>
				</div>
				<div class="3u" id="box2">
					<section>
						<h2>Donec dictum metus</h2>
						<ul class="style6">
							<li class="first">
								<h3>Mauris vulputate dolor sit amet</h3>
								<p>
									<a href="#">Donec leo, vivamus fermentum nibh in augue
										praesent a lacus at urna congue rutrum.</a>
								</p>
							</li>
							<li>
								<h3>Fusce ultrices fringilla metus</h3>
								<p>
									<a href="#">Donec leo, vivamus fermentum nibh in augue
										praesent a lacus at urna congue rutrum.</a>
								</p>
							</li>
							<li>
								<h3>Donec dictum metus in sapien</h3>
								<p>
									<a href="#">Donec leo, vivamus fermentum nibh in augue
										praesent a lacus at urna congue rutrum.</a>
								</p>
							</li>
						</ul>
					</section>
				</div>
				<div class="3u" id="box3">
					<section>
						<h2>Nulla luctus eleifend</h2>
						<ul class="style5">
							<li><a href="#"><img src="/public/images/pics07.jpg"
									alt=""></a></li>
							<li><a href="#"><img src="/public/images/pics08.jpg"
									alt=""></a></li>
							<li><a href="#"><img src="/public/images/pics09.jpg"
									alt=""></a></li>
							<li><a href="#"><img src="/public/images/pics10.jpg"
									alt=""></a></li>
							<li><a href="#"><img src="/public/images/pics11.jpg"
									alt=""></a></li>
							<li><a href="#"><img src="/public/images/pics12.jpg"
									alt=""></a></li>
						</ul>
						<p class="button-style2">
							<a href="#">More Collections</a>
						</p>
					</section>
				</div>
				<div class="3u" id="box4">
					<section>
						<h2>Nulla luctus eleifend</h2>
						<p>
							<strong>Aliquam erat volutpat. Pellentesque tristique
								ante ut risus. </strong>
						</p>
						<p>&nbsp;</p>
						<p>Quisque dictum. Integer nisl risus, sagittis convallis,
							rutrum id, elementum congue, nibh. Suspendisse dictum porta
							lectus.</p>
						<p>&nbsp;</p>
						<p>Donec placerat odio vel elit. Nullam ante orci,
							pellentesque eget, tempus quis, ultrices in, est. Curabitur sit
							amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna,
							consequat.</p>
					</section>
				</div>
			</div>
		</div>
	</div>
	<div id="copyright">
		<div class="5grid-layout">
			<div class="row">
				<div class="12u">
					<p>
						&copy; Your Site Name | Images: <a href="http://fotogrph.com/">Fotogrph</a>
						| Design: <a href="http://html5templates.com/">HTML5Templates.com</a>
					</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>